<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

      <div class="left_box">
        <h2 class="left_title"><img src="/images/ethic/ET_menu_1.gif" alt="윤리경영" width="124" height="28"/></h2>
        <ul class="left_menu">
          <li class="left_menu_off" id="menu01"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ethic1','','/images/ethic/ET_menu_2_on.gif',1)"><img src="/images/ethic/ET_menu_2_off.gif" alt="소개" name="ethic1" width="211" height="38"id="ethic1" /></a></li>
          <li>
            <div class="sub_menubox show_01">
              <ul>
                <li class="sub_menu"><a href="/view/ethic/intro/charter.jsp">윤리경영헌장</a></li>
                <li class="sub_menu"><a href="/view/ethic/intro/understanding.jsp">윤리경영이해</a></li>
                <li class="sub_menu"><a href="/view/ethic/intro/activity.jsp">주요추진활동</a></li>
              </ul>
            </div>
          </li>
          <li class="strock"><img src="/images/ethic/strock.gif" alt="선"/></li>
          <li class="left_menu_off" id="menu02"><a onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ethic2','','/images/ethic/ET_menu_3_on.gif',1)"><img src="/images/ethic/ET_menu_3_off.gif" alt="윤리규범" name="ethic2" width="211" height="38"id="ethic2" /></a></li>
          <li>
            <div class="sub_menubox show_02">
              <ul>
                <li class="sub_menu"><a href="/view/ethic/norm/platform.jsp">윤리강령</a></li>
                <li class="sub_menu"><a href="/view/ethic/norm/guide.jsp">행동지침</a></li>
              </ul>
            </div>
          </li>
          <li class="strock"><img src="/images/ethic/strock.gif" alt="선"/></li>
          <li class="left_menu_off"><a href="/view/ethic/test/autodiagnosis.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ethic3','','/images/ethic/ET_menu_4_on.gif',1)"><img src="/images/ethic/ET_menu_4_off.gif" alt="윤리경영 자가진단" name="ethic3" width="211" height="38"id="ethic3" /></a></li>
          <li class="strock"><img src="/images/ethic/strock.gif" alt="선"/></li>
          <li class="left_menu_off"><a href="/view/ethic/faq/faqList.jsp" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ethic4','','/images/ethic/ET_menu_5_on.gif',1)"><img src="/images/ethic/ET_menu_5_off.gif" alt="윤리의식 FAQ" name="ethic4" width="211" height="38"id="ethic4" /></a></li>
          <li class="strock"><img src="/images/ethic/strock.gif" alt=""/></li>
          <li class="left_menu_off"><a href="/board/qnaList.hcom?board_code=BD201" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ethic5','','/images/ethic/ET_menu_6_on.gif',1)"><img src="/images/ethic/ET_menu_6_off.gif" alt="윤리경영 Q&amp;A" name="ethic5" width="211" height="38"id="ethic5" /></a></li>
          <li class="strock"><img src="/images/ethic/strock.gif" alt="선"/></li>
          <li class="left_menu_off"><a href="/board/boardList.hcom?board_code=BD301" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ethic6','','/images/ethic/ET_menu_7_on.gif',1)"><img src="/images/ethic/ET_menu_7_off.gif" alt="윤리경영 자료실" name="ethice6" width="211" height="38"id="ethic6" /></a></li>
          <li class="strock"><img src="/images/ethic/strock.gif" alt="선"/></li>
        </ul>
           <dl>
          <dd class="banner_law"><a href="/board/qnaList.hcom?board_code=BD205"><img src="/images/common/banner_law.gif" alt="법률자문요청"/></a></dd>
          <!-- <dd class="banner_suit"><a href="/board/qnaList.hcom?board_code=BD206"><img src="/images/common/banner_lawsuit.gif" alt="소송개시요청"/></a></dd> -->
        </dl>
        
      </div>
<input type="hidden" id="open" name="open" value="" />      
<script type="text/javascript" src="/js/jquery-1.6.2.js"></script>
<script>
$(function(){
	$(".show_01").hide();
	$(".show_02").hide();
	$('.left_menu_off').mouseover(function(){
		if($(this).attr('id') == 'menu01' ){
			$(".show_02").slideUp();
			$('.show_01').slideDown('fast');
		}else if($(this).attr('id') == 'menu02' ){
			$(".show_01").slideUp();
			$('.show_02').slideDown('fast');
		}else{
			$(".show_01").slideUp();
			$(".show_02").slideUp();
		}
	});
	$('.left_menu').mouseleave(function(){
		$(".sub_menubox").hide();
	});
});	
</script>